<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="full-screen" content="yes">
	<meta name="x5-fullscreen" content="true">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />

    <title>打印页面</title>
    <link rel="stylesheet" href="./theme/print/css/qrcodeprintstylesheet-2.css" media="print">
    <link rel="stylesheet" href="./theme/print/css/qrcodemainstylesheet-2.css" media="screen">
    <script language="javascript" src="./theme/print/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="./theme/print/js/Print.js"></script>


<style type="text/css">
.num_font { font-family: 'Times New Roman'; font-weight: 400; letter-spacing: 1px}
.sihao { font-size: 35px;font-family: sans-serif;font-weight: 320;}
.xs { font-size: 37px;}
.box { width: 180%;    margin-top:40px; height: 600px; background: #F0F8FF; display: inline-flex;
flex-direction: row; font-size: 35px; justify-content:space-between;}
.left_wrap { width: 600px; height: 600px; background: #F0FFFF; margin-left: 5.2em;}
.right_wrap { width: 433px; height: 600px; background: #E6E6FA; padding-left: 120px;}
.right_wrap li  { width: 98%;}
.name { margin-top: 40px; margin-left: 20px;}
.fz_date { margin-top: 365px; padding-left: 25px; display: block;font-size: 33px;}
.fz_date .year { margin-right: 20px;}
.name_title { margin-top: 349px; margin-left: 23px;}
.body_date { margin-top: 10px;}
.address { width: 54%; height: 60px; margin-top: 9px; padding-right: 20px;font-weight: 400;font-size: 34px;}
.zj_title { margin-top: 60px; padding-left: 10px;}
.sfz_num { margin-top: 40px;}
.fr{ float: right;}
.biuuu_button {  width: 100px; margin-right: 120px;height: 40px; cursor: pointer;line-height: 38px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;}

.next { margin-left: 970px; margin-right: 120px;width: 100px; height: 40px; display: inline-block;
    height: 38px;
    line-height: 38px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;}
</style>
</head>



<body>
    <div class="go_print">
        <ul class="ul_b ul_b_l">
            <div class='box'>
                <!--左页面 -->
                <div class="left_wrap">
                    <li class="name">
                        <!--姓名 --><span class="sihao"><?php echo  $baoandata->name ;?></span>
                    </li>
                    <li class="fz_date">
                        <!--发证日期 -->
						<span class="year "> <?php echo substr($baoandata->fadate, 0, 4) ;?></span>
						<span><?php echo substr($baoandata->fadate, 5, 2) ;?></span>
                    </li>
                    <li class="zj_title">
                        <!--证件编号 --> <span class="xs">晋</span><span class="xs num_font"><?php echo  $baoandata->papers ;?></span>
                    </li>
                </div>
                <!--右页面 -->
                <div class="right_wrap">
                    <li class="name_title">
                        <!--姓名 --><?php echo  $baoandata->name ;?></li>
                    <li class="body_date">
                        <!--出生年月 -->
                        <span class="num_font">&nbsp;<?php echo substr($baoandata->sfz, 6, 4);?> </span>年<span class="num_font">	<?php echo substr($baoandata->sfz, 10, 2);?></span>月<span class="num_font">	<?php echo substr($baoandata->sfz, 12, 2);?></span>日

                    </li>
                    <li class="address">
                        <!--住址 --><?php echo  $baoandata->address ;?></li>
                    <li class="sfz_num">
                        <!--公民省份证号码 --> <span class="xs num_font"><?php echo  $baoandata->sfz ;?></span>
                    </li>
                </div>
            </div>
        </ul>
        <div class="clear"></div>

    </div>
          <div style="war-btn">
            <input class="biuuu_button fr" data-id="<?php echo $baoandata->id;?>" type="submit" value="<?php if($baoandata->status=='1'){echo '已打印';}else{echo '打印';} ?>">

            <a  class="next fr" href="./baoan-print_baoan?id=<?php echo $baoandata->id+1;?>" class="layui-btn " >下一个</a>
        </div>
     <script>
        $(function() {

			$(".biuuu_button").click(function() {
				var upid = $(this).attr('data-id');
				$.ajax({
				  type:'post',
				  url:'baoan-up_date',
				  data: { upid: upid},
				  dataType:'json',
				  success:function(data){
				  // alert(data);
				  }
				});

                Print('.go_print', {
                    onStart: function() {
                        console.log('onStart', new Date())
                    },
                    onEnd: function() {
                        console.log('onEnd', new Date())
                    }
                });
                //window.print();
            });



        })
    </script>
</body>

</html>